<template>
	<view>
		<uni-card title="武汉第一中学"   @click="onClick" class="card1"
		thumbnail="https://ts1.cn.mm.bing.net/th/id/R-C.7f23934df81c674f19f9f3c4686737fb?rik=ar3GrEEMYwLEfA&riu=http%3a%2f%2ftm-image.tianyancha.com%2ftm%2f76f4ff9e2ae2b93921902001d987042e.jpg&ehk=ZD1dGeHHHU1Gzz3bBseEWz5dFeI%2beG3a%2faJPf5BTecU%3d&risl=&pid=ImgRaw&r=0">
						<text class="top">武汉一队</text>
					</uni-card>
	</view>
		<text class="dop">・</text>
		<text class="xinxi">队长信息</text>
		
			<uni-list-chat :avatar-circle="true" 
			 avatar="https://img01.sogoucdn.com/app/a/100520093/8379901cc65ba509-45c21ceb904429fc-d7500b9f247a7ac06c65928ec07daad9.jpg">
				<view class="xx">
					<text class="nr">陈婉仪</text><text class = "woman">♀</text><br>
					<text class="nr">202011090890<button class="but"><text class="tele">拨打电话</text></button></text><br>
					<text class="nr">计算机学院</text><br>
				</view>
			</uni-list-chat>
		
		<text class="dop">・</text>
		<text class="xinxi">队员信息</text>
   <uni-card :is-shadow="false" class = "duiyaun" >
       <view class = "ki">
           <img src = "/static/renwu2.jpg" class = "g">
           <text class = "zi" >张晓明</text>
           <text class = "man">♂</text>
       </view>
       <view class = "ji">
           <img src = "/static/renwu3.jpg" class = "g">
           <text class = "zi" >张晓明</text>
           <text class = "man">♂</text>
       </view>
	   <view class = "ji">
	       <img src = "/static/renwu3.jpg" class = "g">
	       <text class = "zi" >张晓明</text>
	       <text class = "man">♂</text>
	   </view>
		<view class = "ji">
           <img src = "/static/renwu3.jpg" class = "g">
           <text class = "zi" >张晓明</text>
           <text class = "man">♂</text>
       </view>
   </uni-card>
	<button class="bb"><text class="aa">停止招募</text></button>
</template>

<script>
</script>

<style>
.card1{
	 background: #FFFFFF;
	 box-shadow: 0 2px 5px 0 #E2E4EB;
	 border-radius: 10px;
}
.top{
	margin-left: 50px;
	font-size: 15px;
	color: #212121;
	text-align: center;
}
.dop{
	margin-left: 12px;
	color: #166AFF;
	font-size: 12px;
}
.xinxi{
	font-size: 12px;
	color: #6E6E6E;
	text-align: center;
}
.nr{
	font-size: 15px;
	color: #212121;
	text-align: center;
}
.but{
	width: 82px;
	height: 26px;
	background-image: linear-gradient(90deg, #02E26E 3%, #05CF67 97%);
	border-radius: 12px;
	padding-left: 14px;
    padding-right: 14px;
	margin-left: 130px;
	display: unset;
}
.tele{
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
.g{
    position: relative;
    width: 30px;
    height: 30px;
    border: 0 solid #FFFFFF;
    border-radius: 50%;
    left: -10px;
    top:px
}
.woman{
    font-size: 12px;
    font-weight: 10000;
    position:relative;
    color: #FF9494;
    top:-2px;
    left: 5px
}
.zi{
    position:relative;
    width: 45px;
    height: 21px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 15px;
    color: #212121;
    text-align: center;
    top:-10px
}
.man{
    font-size: 12px;
    font-weight: 10000;
    position:relative;
    color:#166AFF;;
    top: -12px;
    left: 6px
}
.ki{
    margin-top: 5px;
    margin-bottom: 15px;
}
.ji{
    margin-top: 13px;
    margin-bottom: 15px;
}
.duiyaun{
    height: 165px;
    background: #FFFFFF;
    box-shadow: 0 2px 5px 0 #E2E4EB;
    border-radius: 10px;
}
.bb{
	margin: 24px 12px;
	height: 45px;
	background-image: linear-gradient(90deg, #6CA9FF 0%, #166AFF 100%);
	border-radius: 6px;
}
.aa{
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
}
.uni-list-chat[data-v-20df4ef0] {
	margin: 12px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 5px 0 #E2E4EB;
}
.uni-list-chat__content-main[data-v-20df4ef0] {
    padding-left: 10px;
    flex: 0;
    overflow: hidden;
}
.xx {
    flex-shrink: 0;
    display: unset;
    flex-direction: column;
    align-items: flex-start;
}
</style>
